<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= title %>></title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/lib/AdminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="/lib/AdminLTE/css/skins/skin-blue.css">
    <style>
    </style>
</head>

<body class="hold-transition skin-blue">
<div class="wrapper">
    <%include ./common/header.ejs %>
    <div class="content-wrapper">
        <section class="content-header">
            <h1>首页<small>仪表盘</small></h1>
            <ol class="breadcrumb">
                <li>
                    <a href="#">
                        <i class="fa fa-dashboard"></i>
                        主页
                    </a>
                </li>
            </ol>
        </section>
        <section class="content">
            <div class="row">
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box <% if(card.status !== 0){%>bg-gray<% }else {%>bg-aqua<%}%>">
                        <div class="inner">
                            <h3><%= card.balance %></h3>
                            <p>余额</p>
                        </div>
                        <div class="icon">
                            <% if(card.status !== 0){%>已冻结<% }else{%>使用中<%}%>
                        </div>
                        <a href="#" class="small-box-footer">
                            充值
                            <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <div class="box box-info">
                        <div class="box-header with-border">
                            <h3 class="box-title">最近七天消费</h3>
                            <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table class="table no-margin">
                                    <thead>
                                        <tr>
                                            <th>流水号</th>
                                            <th>日期</th>
                                            <th>消费名称</th>
                                            <th>消费金额（元）</th>
                                            <th>账户余额（元）</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                        <tr>
                                            <td>20190406009130100010710095809577</td>
                                            <td>2019-04-06 15:19:26</td>
                                            <td>康帅博红烧牛肉面</td>
                                            <td>5.20</td>
                                            <td>194.80</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="box-footer clearfix">
                            <a href="javascript:void(0);" class="btn btn-sm btn-default btn-flat pull-right">更多记录</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box box-info">
                        <div class="box-header with-border">
                            <div class="box-title">充值记录</div>
                            <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table class="table no-margin">
                                    <thead>
                                        <tr>
                                            <th>充值金额</th>
                                            <th>充值方式</th>
                                            <th>充值时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>200.00</td>
                                            <td>支付宝</td>
                                            <td>2019-04-07 04:02:30</td>
                                        </tr>
                                        <tr>
                                            <td>200.00</td>
                                            <td>微信支付</td>
                                            <td>2019-04-07 04:02:30</td>
                                        </tr>
                                        <tr>
                                            <td>200.00</td>
                                            <td>现金支付</td>
                                            <td>2019-04-07 04:02:30</td>
                                        </tr>
                                        <tr>
                                            <td>200.00</td>
                                            <td>微信支付</td>
                                            <td>2019-04-07 04:02:30</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <%include ./common/footer.ejs %>
</div>
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/AdminLTE/js/adminlte.min.js"></script>
</body>

</html>